Color en los comentarios de la página principal

No sé si se habrán dado cuenta que los comentarios han cambiado y todo gracias a un hack de Vivek Sanghi que nos muestra la forma de personalizarlos. No me digan que no quedan guapos.

¿Vemos la forma de hacerlo?

Nos situamos en Plantilla/Edición de HTML yo me he acostumbrado a aplicar los códigos extendiendo siempre la plantilla de artilugios pero no siempre es necesario como en este caso.
Lo que haremos será añadir unas líneas a la CSS en lo que a comentarios se refiere, según plantilla localizaremos esa parte en /* Comments ----------------------------- */

Algunas plantillas no lo llevan entonces buscaremos lo que sigue a continuación:

#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:1px dotted $borderColor;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#333;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0; padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author {
margin:0; padding:0px 0px 0px 20px;
}
.comment-body-author p {
font-size:100%; margin:0 0 .2em 0;
color:#000000; text-decoration:bold;
}
.comment-footer {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
}
.comment-footer a:link {
color:#996;
}
.deleted-comment {
font-style:italic;
color:gray;
}

Suprimimos esa parte y en su lugar añadimos lo siguiente:

#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#333; /*Color de texto en comentarios*/
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background: #ccc;/*Color de fondo para nombre, podemos añadir imagen*/
color:#FFF;/*Color de texto de la cabecera*/
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
background:#EDE9F0; /*Color de fondo al texto de comentarios,podemos añadir borde o imagen de fondo*/
margin:0;
padding:7px 7px 7px 7px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author{
background:#CCC;
margin:0;
padding:7px 7px 7px 10px;
}
.comment-body-author p {
font-size:105%;
margin:0 0 .2em 0;
color:#000; /*Texto de comentarios autor*/
text-decoration:bold;
}
.comment-footer {
background:#66C2FF; /*Color de fondo en fecha de publicación ( permalink)*/
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#CCC;
}
.comment-footer a:link {
color:#000;
}
.deleted-comment {
font-style:italic; color:gray;
}

Si el sistema de comentarios que utilizas NO es de formulario incrustado también puedes añadir los comentarios a continuación de la entrada, mira como hacerlo.